import { getUserInfo, login, getUserDetailById } from '@/api/user'
import { resetRouter } from '@/router/index'
// import { removeToken } from '@/utils/auth.js'
export default {
  namespaced: true,
  state: {
    // 页面刷新重新读取的时候 先获取旧数据
    token: '',
    userInfo: {}
  },
  // 改数据
  mutations: {
    setToken(state, token) {
      state.token = token
      // 登陆成功 记录到本地存储
      // setToken(token)
    },
    removeToken(state) {
      state.token = ''
      // 退出的时候删除
      // removeToken()
    },
    // 修改数据
    setUserInfo(state, userInfo) {
      state.userInfo = userInfo
    },
    // 删除用户信息
    reomveUserInfo(state) {
      state.userInfo = {}
    }

  },
  // 异步请求
  actions: {
    async login(context, data) {
      // 登陆请求 调用api 带上用户的数据
      const res = await login(data)
      // 判断是否成功
      context.commit('setToken', res)
      // if (res.data.success) {
      // }
      // 如果成功发到state
      // 登陆成功 记录当前时间
      localStorage.setItem('time', Date.now())
    },
    async getUserInfo({ commit }) {
      const res = await getUserInfo()
      // 数据不全 用userId调用另外一个接口来拼接数据
      const baseInfo = await getUserDetailById(res.userId)
      // 把新的数据和旧数据拼接到一块 放到vuex里面
      commit('setUserInfo', { ...res, ...baseInfo })
    },
    // 点击退出
    logout({ commit }) {
      commit('removeToken')
      commit('reomveUserInfo')
      resetRouter()
    }

  }
}
